
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta
	content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
	name="viewport" />
<title>我的</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery-2.1.1.js"></script>
<script src="js/all.js"></script>
<script type="text/javascript" src="js/layer.js" charset="UTF-8"></script>
<link href="css/share.css" rel="stylesheet" />
<link href="css/index.css" rel="stylesheet" />
</head>
<body>
	<style type="text/css">
.lei {
	position: relative;
	display: inline-block;
	width: 100%;
}

.classify_list {
	display: block;
	float: left;
	width: 24.7%;
	text-align: center;
	cursor: pointer;
	height: 40px;
}

.classify_list span {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.classify_list .firstspan {
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}

.list_ul {
	position: relative;
	left: 0;
	text-align: left;
	z-index: 10;
	background-color: #f2f2f2;
	display: none;
}

.list_ul li, .list_ul li span {
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
	border-bottom: 0.05rem solid #dadada;
}

.sta {
	background: #fff;
}

.lastUL {
	width: 300%;
	padding: 0 0.5rem;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

.classify_list:nth-child(2) .list_ul li span {
	border-right: none;
	border-left: none;
}

.classify_list:nth-child(3) .list_ul li span {
	border-right: none;
	border-left: none;
}

.list_ul li a {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.showlist {
	display: block;
}
</style>
	<div class="main1">
		<section class="Yang">
			<header id="header" class="homeHeader">
				<div class="left">
					<!--  <a href="javascript:void(0)#" onclick="goBack('/wuhan/')" class="history"></a> -->
				</div>
				<div class="cent">我的</div>
				<div class="head-icon">
					<!--  <a href="javascript:void(0)/wuhan/" class="home"><span><i></i></span></a> -->
					<!--  <a class="app" href="javascript:void(0)javascript:void(0);"  id="navApp"><span><i></i>
                        <p>导航</p>
                    </span></a> -->
				</div>
			</header>
			<div id="navShadow_list">
				<ul class="muen_list flexbox clearfix">
					<!-- <li><a href="javascript:void(0)/wuhan/kecheng">课程类目</a></li>
        <li><a href="javascript:void(0)/wuhan/jigou">培训机构</a></li>
        <li><a href="javascript:void(0)/news">培训动态</a></li>
        <li><a href="javascript:void(0)/xuanke">帮我选课</a></li>
        <li><a href="javascript:void(0)http://wangxiao.pxto.com.cn/">网校课程</a></li> -->
				</ul>
			</div>
			<div id="navShadow" class="popShadow"></div>
			<div class="mt20"></div>
		</section>
		<div class="bgf6">
			<section class="mt10 bg1">
				<div class="homeList clearfix" style="height: auto"></div>
				<div class="NewsList">
					<ul class="clearfix classul leo-div">
					</ul>
				</div>
			</section>

			<section class="indexMore bgf6 bb clearfix">
				<div class="pl15 mypage" style="text-align: center;" >
					<a href='javascript:void(0)' onclick="loadPage()" class="pl10 pr10" id="moreLinkId">查看更多<i
						class="pl5 fm2">></i></a>
						 <!-- <a
						href="javascript:void(0)javascript:void(0)" class="more_r more"
						id="back-to-top">回到顶部<i></i></a> -->
				</div>
			</section>
		</div>
	</div>
		<script src="js/jsrender.min.js"></script>
	<script src="resource/base.js"></script>
	<script type="text/javascript">
    $(document).ready(function() {
    	 function getQueryString(name) {
 			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 			var r = window.location.search.substr(1).match(reg);
 			if (r != null) return unescape(r[2]); return null;
 		}
 		 
 		var userId= getQueryString("id");
 		
    	var suffixUrl = "/leo";
		 $.get(suffixUrl + '/tools/findDoorTools?userId=' + userId, {
			}).always(
					function(data) {
						if(data.code == 0){
							var html = "";
							var renderer = "";

							renderer = loadJsRender("tooldoorsTemp", "render/jr-own.html");
							html = renderer({
								"ui":data.value
							});
							$(".leo-div").append(html);
							
							if(data.value.pageTotal == 1){
								$("#moreLinkId").hide();
							}else{
								$("#moreLinkId").attr("data-curpage",1);
								$("#moreLinkId").attr("data-totalpage",data.value.pageTotal);
							}
						}else{
							alert(data.detail);
						}
					}, "json").fail(function() {
				alert("fail！");
				return;
			});
    });
		
	    function getQueryString(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
				var r = window.location.search.substr(1).match(reg);
				if (r != null) return unescape(r[2]); return null;
			}
		 
		
		
		
		function loadPage(){
	 		var userId= getQueryString("id");
			var suffixUrl = "/leo";
			var curpage = $("#moreLinkId").attr("data-curpage");
			var totalpage = $("#moreLinkId").attr("data-totalpage");
			curpage = parseInt(curpage) + 1;
			
			 $.get(suffixUrl + '/tools/findDoorTools?userId='+ userId +'&pageIndex=' + curpage, {
			}).always(
					function(data) {
						if(data.code == 0){
							var html = "";
							var renderer = "";

							renderer = loadJsRender("toolsownd1Temp", "render/jr-own.html");
							html = renderer({
								"ui":data.value
							});
							$(".leo-div").append(html);
							
							if(curpage == totalpage){
								$("#moreLinkId").hide();
							}else{
								$("#moreLinkId").show();
								$("#moreLinkId").attr("data-curpage",curpage);
							}
						}else{
							alert(data.detail);
						}
					}, "json").fail(function() {
				alert("fail！");
				return;
			});
		}
		
	</script>
</body>
</html>